<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <!--解决兼容性问题-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!--搜索引擎-->
    <meta name="author" content="jerehedu">
    <meta name="keywords" content="bootstrap,css,html">
    <meta name="description" content="jerehedu">
    <title>My Resume</title>

    <link rel="icon" href="img/favicon.png"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css"/>
    <link rel="stylesheet" href="css/jquery.fullPage.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>

    <script src="js/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.fullPage.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function(){
            $.fn.fullpage({
                /*设置背景颜色*/
                slidesColor: ["", "rgba(0,0,0,.8)", "rgba(34,195,170,.7)", "#A5A7BC","#466F85", "#0099D2"],
                /*内容是否垂直居中*/
                verticalCentered: false,
                /*数组，用于定义锚链接，跳转相应页面*/
                anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
                /*是否显示导航项目,即右侧圆点，默认false*/
                navigation: true,
                /*定义导航名称*/
                navigationTooltips: ['个人信息','职业技能','教育背景','项目经历','自我评价','我的作品'],
                /*定义导航位置,默认right,注意参数值是字符串*/
                navigationPosition: "right",
                /*滚到底部之后是否滚回顶部,默认值false*/
                loopBottom:false,
                /*内容超屏滚出*/
                scrollOverflow:true
            });
        });
    </script>
</head>
<body>
<section class="section section1 container-fluid row">
    <h1 class="page-header text-center info-title">我的信息</h1>
    <div class="photo"><img src="img/myphoto.jpg" alt="tx"/></div>
    <div class="col-md-3 col-md-offset-3">
        <div class="info1 h4">
            <p><span></span>姓名：赵磊</p>
            <p><span></span>性别：男</p>
            <p><span></span>年龄：21</p>
            <p><span></span>民族：汉</p>
            <p><span></span>生日：1995/04/02</p>
            <p><span></span>住址：山东省青岛平度市</p>
        </div>
    </div>
    <div class="col-md-5">
        <div class="info2 h4">
            <p><span></span>学历：大学本科</p>
            <p><span></span>专业：计算机科学与技术</p>
            <p><span></span>电话：15553228509</p>
            <p><span></span>Q&nbsp;Q：32560973</p>
            <p><span></span>微信：SubeLe1</p>
            <p><span></span>邮箱：zhaolei9542@qq.com</p>
        </div>
    </div>
</section>
<section class="section section2 container-fluid">
    <h1 class="page-header text-center info-title">我的技能</h1>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="skill">
                <p>1. 熟练使用HTML标签及CSS样式。</p>
                <p>2. 熟练使用JS，JQuery。熟悉JQuery同ajxa交互。</p>
                <p>3. 熟练使用JQuery插件，例如：fullpage。</p>
                <p>4. 熟练使用Github Git等项目托管平台。</p>
                <p>5. 熟练使用Bootstrap开发框架。</p>
                <p>6. 熟悉PhotoShop的使用，能对图片进行简单处理。</p>
            </div>
        </div>
    </div>
</section>
<section class="section section3 container-fluid">
    <h1 class="page-header text-center info-title">教育背景</h1>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="education text-center">
                <br/>
                <p class="h3">烟台大学 本科生</p>
                <p class="h2">计算机与控制工程学院 计算机科学与技术专业</p>
                <p class="h3">热衷于前端</p>
                <p class="h3">接触过软件工程，了解团队开发</p>
                <p class="h3">C++，C#，Java</p>
            </div>
        </div>
    </div>
</section>
<section class="section section4 container-fluid">
    <h1 class="page-header text-center info-title">项目经历</h1>
    <div class="row">
        <div class="col-md-4 col-lg-offset-2">
            <div class="career career1">
                <p class="page-header h3">2016/8</p>
                <p class="neirong h4">
                    &nbsp;&nbsp;&nbsp;&nbsp;在培训期间，根据时风集团官方网站的样式，利用Div+CSS实现静态网页的模仿制作。
                    &nbsp;&nbsp;&nbsp;&nbsp;在培训期间，根据浩驰网络官方网站的样式，利用Div+CSS实现静态网页的模仿制作。
                    &nbsp;&nbsp;&nbsp;&nbsp;在培训期间，根据北方通用官方网站的样式，利用Div+CSS实现静态网页的模仿制作。
                </p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="career career2">
                <p class="page-header h3">2016/9</p>
                <p class="neirong h4">
                    &nbsp;&nbsp;&nbsp;&nbsp;在培训期间，根据网游QQ炫舞官网网站的样式，利用Div+CSS+js实现了网页全部功能（仅主页）。后期又自行设计并写出了QQ炫舞官方网站手机端的响应（由于时间仓促，仅实现大致布局，后续美化仍在继续）。
                </p>
            </div>
        </div>
    </div>
</section>
<section class="section section5 container-fluid row">
    <h1 class="page-header text-center info-title">自我评价</h1>
    <div class="text-center col-md-4 col-lg-offset-4 h4 self">
        <p>热衷前端</p>
        <p>工作积极</p>
        <p>性格开朗</p>
        <p>善于分析</p>
        <p>服从安排</p>
        <p>吃苦耐劳</p>
        <p>容易相处</p>
        <p>团队荣誉感强</p>
    </div>
</section>
<section class="section section6 container-fluid">
    <h1 class="page-header text-center info-title">我的作品</h1>
    <div class="row pro">
        <div class="col-md-4 col-md-offset-2 text-center">
            <a href="#"><img src="img/sf.jpg" class="img-responsive" alt=""/><span class="text-center">时风集团官网</span></a>
            <a href="#"><img src="img/hc.jpg" class="img-responsive" alt=""/><span class="text-center">浩驰网络官网</span></a>
        </div>
        <div class="col-md-4 text-center">
            <a href="#"><img src="img/bf.jpg" class="img-responsive" alt=""/><span class="text-center">北方通用官网</span></a>
            <a href="#"><img src="img/x5.jpg" class="img-responsive" alt=""/><span class="text-center">QQ炫舞官网</span></a>
        </div>
    </div>
</section>
</body>
</html>
